<div id="footer_nav" class="footer_nav" (click)="flag=!flag">
  <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/navigation.png" />
  <p>导航</p>
</div>
<div class="footer_nav_show" *ngIf="flag">
  <ul class="list">
    <li>
      <a routerLink="/home">
        <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/menu.png" />
        <p>菜单</p>
      </a>
    </li>
    <li>
      <a routerLink="/cart">
        <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/cart.png" />
        <p>购物车</p>
      </a>
    </li>
    <li>
      <a routerLink="/order">
        <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/order.png" />
        <p>我的订单</p>
      </a>
    </li>
    <li>
      <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/wallet.png" />
      <p>结账</p>
    </li>
    <li (click)="flag=!flag">
      <img src="https://an-jia-shop.oss-cn-shenzhen.aliyuncs.com/order_goods/close.png" />
      <p>返回</p>
    </li>
  </ul>
</div>
